import PropTypes from 'prop-types'
import React from 'react'
// import CSSModules from 'browser/lib/CSSModules'
// import styles from './PreferenceButton.styl'
import i18n from '../../lib/i18n'
import IconButton from '@material-ui/core/IconButton';
import Tooltip from '@material-ui/core/Tooltip';
const PreferenceButton = ({ onClick }) => (
<Tooltip title={i18n.__('Preferences')}>
  <IconButton className='top-menu-preference' onClick={e => onClick(e)}>
    <img src='../resources/icon/icon-setting.svg' />
  </IconButton>
</Tooltip>)

PreferenceButton.propTypes = {
  onClick: PropTypes.func.isRequired
}

export default PreferenceButton;// CSSModules(PreferenceButton, styles)
